<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?>
<title>accordion</title>
<?php include "../pub/head-cssjs.html";?>
<link rel="stylesheet" type="text/css" href="accordion.css">
</head>
<body>
<div class="page layout-lm">
<?php include "../pub/top-bar.html";?>
  <div class="wrap-container">
    <div id="container" class="clearfix">
      <div id="aside_first" class="aside">
        <div class="inner-aside">
          <?php include "../pub/asidenav-js-block.html";?>
        </div>
      </div>
      <div id="main">
        <div class="inner-main">
          <div id="accordion_page">
            <div class="accordion">
              <div class="accordion-hd expanded">
                <h3 class="accordion-title">学不可以已</h3>
                <span class="accordion-arrow"></span>
              </div>
              <div class="accordion-bd">
                <p>青，取之于蓝，而青于蓝；冰，水为之，而寒于水。木直中绳，輮以为轮，其曲中规。虽有槁暴（pù），不复挺者，輮使之然也。故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。</p>
              </div>
              <div class="accordion-hd">
                <h3 class="accordion-title">天高地厚</h3>
                <span class="accordion-arrow"></span>
              </div>
              <div class="accordion-bd">
                <p>故不登高山，不知天之高也；不临深溪，不知地之厚也；不闻先王之遗言，不知学问之大也。干、越、夷、貉之子，生而同声，长而异俗，教使之然也。诗曰：“嗟尔君子，无恒安息。靖共尔位，好是正直。神之听之，介尔景福。”神莫大于化道，福莫长于无祸。</p>
              </div>
              <div class="accordion-hd">
                <h3 class="accordion-title">跬步小流</h3>
                <span class="accordion-arrow"></span>
              </div>
              <div class="accordion-bd">
                <p>积土成山，风雨兴焉；积水成渊，蛟龙生焉；积善成德，而神明自得，圣心备焉。故不积跬步，无以至千里；不积小流，无以成江海。骐骥一跃，不能十步；驽马十驾，功在不舍。锲而舍之，朽木不折；锲而不舍，金石可镂。蚓无爪牙之利，筋骨之强，上食埃土，下饮黄泉，用心一也。蟹六跪而二螯，非蛇鳝之穴无可寄托者，用心躁也。</p>
              </div>
            </div>
          </div>
        </div>
      </div><!--main-->
    </div>
  </div><!--wrap-container-->
<?php include "../pub/footer.html";?>
</div>
</body>
</html>
